/*iframe{
	width: 100%;
	height: 20rem;
	border: 0px;
}*/

.navi-menu-wrapper {
 
    margin-left: auto;
    margin-right: auto;
}

.navi-main-menu-button-wrapper.navi-right.navi-menu-active {
    top: 75px;
    left: auto;
    right: 75px;
    display: block;
}
.navi-main-menu-button-wrapper {
    top: 75px;
    left: auto;
    right: 75px;
    display: none;
}

.navi-by-bonfire ul li a {
    width: 450px;
    left: 0;
    font-size: 30px;
    line-height: 30px;
/*    font-family: 'Roboto';*/
    font-weight: 300;
    color: #fff;
    margin: 0;
    padding: 10px 0 5px 0;
    display: inline-block;
    text-decoration: none;
    outline: none;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}
.navi-by-bonfire ul li a:hover, .navi-by-bonfire ul li a:active {
    color: #1e73be;
}


		/**************************************************************
		*** CUSTOM STYLING
		**************************************************************/
		/* logo */
        .navi-logo a { color:; }
        .navi-logo a:hover { color:; }
        .navi-logo-image img { max-height:px; }
        /* menu button */
		.navi-main-menu-button:before,
		.navi-main-menu-button div.navi-main-menu-button-middle:before,
        .navi-main-menu-button:after,
        .navi-main-menu-button-two:before,
		.navi-main-menu-button-two div.navi-main-menu-button-two-middle:before,
        .navi-main-menu-button-two:after,
        .navi-main-menu-button-three:before,
		.navi-main-menu-button-three div.navi-main-menu-button-three-middle:before,
        .navi-main-menu-button-three:after,
        .navi-main-menu-button-four:before,
		.navi-main-menu-button-four div.navi-main-menu-button-four-middle:before,
        .navi-main-menu-button-four:after,
        .navi-main-menu-button-five:before,
		.navi-main-menu-button-five div.navi-main-menu-button-five-middle:before,
        .navi-main-menu-button-five:after,
        .navi-main-menu-button-six:before,
        .navi-main-menu-button-six:after { background-color:; }
        /* if menu button hidden, remove button height and set default label position to 0 */
                /* menu button label */
        .navi-menu-button-label {
            left:px;
            top:px;
            color:;
            font-size:px;
        }
		/* menu button hover */
		            /* menu label hover */
            .navi-main-menu-button-wrapper:hover .navi-menu-button-label { color:; }
            /* menu button style #2 hovers */
            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-two:before { width:20px; margin-left:10px; }
            .navi-menu-active .navi-main-menu-button-wrapper:hover .navi-main-menu-button-two:before { margin-left:0; }
            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-two:after { width:30px; margin-left:0; }
            /* menu button style #3 hovers */
            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-three div.navi-main-menu-button-three-middle:before { width:25px; }
            /* menu button style #4 hovers */
            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-four:before { width:15px; }
            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-four:after { width:25px; }
            /* hover colors */
            .navi-main-menu-button-wrapper:hover .navi-main-menu-button:before,
            .navi-main-menu-button-wrapper:hover .navi-main-menu-button div.navi-main-menu-button-middle:before,
            .navi-main-menu-button-wrapper:hover .navi-main-menu-button:after,
            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-two:before,
            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-two div.navi-main-menu-button-two-middle:before,
            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-two:after,
            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-three:before,
            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-three div.navi-main-menu-button-three-middle:before,
            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-three:after,
            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-four:before,
            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-four div.navi-main-menu-button-four-middle:before,
            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-four:after,
            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-five:before,
            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-five div.navi-main-menu-button-five-middle:before,
            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-five:after,
            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-six:before,
            .navi-main-menu-button-wrapper:hover .navi-main-menu-button-six:after { background-color:; }
				/* menu button active */
		.navi-menu-active .navi-main-menu-button:before,
		.navi-menu-active .navi-main-menu-button div.navi-main-menu-button-middle:before,
        .navi-menu-active .navi-main-menu-button:after,
        .navi-menu-active .navi-main-menu-button-two:before,
		.navi-menu-active .navi-main-menu-button-two div.navi-main-menu-button-two-middle:before,
        .navi-menu-active .navi-main-menu-button-two:after,
        .navi-menu-active .navi-main-menu-button-three:before,
		.navi-menu-active .navi-main-menu-button-three div.navi-main-menu-button-three-middle:before,
        .navi-menu-active .navi-main-menu-button-three:after,
        .navi-menu-active .navi-main-menu-button-four:before,
		.navi-menu-active .navi-main-menu-button-four div.navi-main-menu-button-four-middle:before,
        .navi-menu-active .navi-main-menu-button-four:after,
        .navi-menu-active .navi-main-menu-button-five:before,
		.navi-menu-active .navi-main-menu-button-five div.navi-main-menu-button-five-middle:before,
        .navi-menu-active .navi-main-menu-button-five:after,
        .navi-menu-active .navi-main-menu-button-six:before,
        .navi-menu-active .navi-main-menu-button-six:after { background-color:; }
		/* menu button active hover */
		            .navi-menu-active .navi-main-menu-button:hover:before,
            .navi-menu-active .navi-main-menu-button:hover div.navi-main-menu-button-middle:before,
            .navi-menu-active .navi-main-menu-button:hover:after,
            .navi-menu-active .navi-main-menu-button-two:hover:before,
            .navi-menu-active .navi-main-menu-button-two:hover div.navi-main-menu-button-two-middle:before,
            .navi-menu-active .navi-main-menu-button-two:hover:after,
            .navi-menu-active .navi-main-menu-button-three:hover:before,
            .navi-menu-active .navi-main-menu-button-three:hover div.navi-main-menu-button-three-middle:before,
            .navi-menu-active .navi-main-menu-button-three:hover:after,
            .navi-menu-active .navi-main-menu-button-four:hover:before,
            .navi-menu-active .navi-main-menu-button-four:hover div.navi-main-menu-button-four-middle:before,
            .navi-menu-active .navi-main-menu-button-four:hover:after,
            .navi-menu-active .navi-main-menu-button-five:hover:before,
            .navi-menu-active .navi-main-menu-button-five:hover div.navi-main-menu-button-five-middle:before,
            .navi-menu-active .navi-main-menu-button-five:hover:after,
            .navi-menu-active .navi-main-menu-button-six:hover:before,
            .navi-menu-active .navi-main-menu-button-six:hover:after { background-color:; }
		
		/* menu */
		.navi-main-background { background-color:; }
		.navi-bg-line-one,
		.navi-bg-line-two,
		.navi-bg-line-three,
		.navi-bg-line-four,
		.navi-bg-line-five,
		.navi-bg-line-six { background-color:; }
		.navi-by-bonfire ul li a,
		.navi-by-bonfire ul li ul.sub-menu li a { color:; }
		.navi-by-bonfire ul li a:hover,
		.navi-by-bonfire ul li ul.sub-menu li a:hover {color: !important; }
		.navi-by-bonfire ul li.current-menu-item a,
		.navi-by-bonfire ul li ul.sub-menu li.current-menu-item a { color:; }
		.sub-menu-arrow-line { background-color:; }
		.sub-menu-arrow-tip-right { border-left-color:; }
		.sub-menu-arrow-tip-left { border-right-color:; }

        /* fine-tune logo top/left/right distance */
		        .navi-logo-wrapper {
			top:px;
			left:auto;
			right:px;
		}
		
		/* fine-tune menu button top/left/right distance */
				.navi-main-menu-button-wrapper {
			top:px;
			left:auto;
			right:px;
		}
				
        /* background image as cover/pattern + background image opacity */
        .navi-background-image {
                    background-size:cover;
            background-repeat:no-repeat;
                }
        .navi-background-image-active {
            opacity:;
        }
        
		/* background opacity */
		.navi-main-background-active {
			opacity:;
		}
		/* background lines opacity */
		.navi-bg-lines-wrapper-active {
			opacity:;
		}
		
		/* menu top/side distance, right positioning */
		.navi-menu-wrapper {
            top:px;
                    margin-left:px;
        		}

        /* menu button animations (-/X) */
                /* X SIGN ANIMATION */
            /* button style #1 top bar*/
			.navi-menu-active .navi-main-menu-button:before {
				transform:translateY(9px) rotate(45deg);
				-moz-transform:translateY(9px) rotate(45deg);
				-webkit-transform:translateY(9px) rotate(45deg);
			}
			/* button style #1 bottom bar*/
			.navi-menu-active .navi-main-menu-button:after {
				transform:translateY(-9px) rotate(-45deg);
				-moz-transform:translateY(-9px) rotate(-45deg);
				-webkit-transform:translateY(-9px) rotate(-45deg);
			}
			/* button style #1 middle bar*/
			.navi-menu-active div.navi-main-menu-button-middle:before {
				opacity:0;
				pointer-events:none;
				
				-webkit-transform:translateX(-20px);
				-moz-transform:translateX(-20px);
				transform:translateX(-20px);
				
				-webkit-transition:all .25s ease, opacity .25s ease .025s;
				-moz-transition:all .25s ease, opacity .25s ease .025s;
				transition:all .25s ease, opacity .25s ease .025s;
			}
            /* button style #2 top bar*/
			.navi-menu-active .navi-main-menu-button-two:before {
				transform:translateY(9px) rotate(45deg);
				-moz-transform:translateY(9px) rotate(45deg);
				-webkit-transform:translateY(9px) rotate(45deg);
			}
            .navi-menu-active:hover .navi-main-menu-button-two:before { margin-left:0; width:30px; }
			/* button style #2 bottom bar*/
			.navi-menu-active .navi-main-menu-button-two:after {
                width:30px;
                margin-left:0;
				transform:translateY(-9px) rotate(-45deg);
				-moz-transform:translateY(-9px) rotate(-45deg);
				-webkit-transform:translateY(-9px) rotate(-45deg);
			}
			/* button style #2 middle bar*/
			.navi-menu-active div.navi-main-menu-button-two-middle:before {
				opacity:0;
				pointer-events:none;
				
				-webkit-transform:translateX(-20px);
				-moz-transform:translateX(-20px);
				transform:translateX(-20px);
				
				-webkit-transition:all .25s ease, opacity .25s ease .025s;
				-moz-transition:all .25s ease, opacity .25s ease .025s;
				transition:all .25s ease, opacity .25s ease .025s;
			}
            /* button style #3 top bar*/
			.navi-menu-active .navi-main-menu-button-three:before {
				transform:translateY(9px) rotate(45deg);
				-moz-transform:translateY(9px) rotate(45deg);
				-webkit-transform:translateY(9px) rotate(45deg);
			}
			/* button style #3 bottom bar*/
			.navi-menu-active .navi-main-menu-button-three:after {
				transform:translateY(-9px) rotate(-45deg);
				-moz-transform:translateY(-9px) rotate(-45deg);
				-webkit-transform:translateY(-9px) rotate(-45deg);
			}
			/* button style #3 middle bar*/
			.navi-menu-active div.navi-main-menu-button-three-middle:before {
				opacity:0;
				pointer-events:none;
				
				-webkit-transform:translateX(-20px);
				-moz-transform:translateX(-20px);
				transform:translateX(-20px);
				
				-webkit-transition:all .25s ease, opacity .25s ease .025s;
				-moz-transition:all .25s ease, opacity .25s ease .025s;
				transition:all .25s ease, opacity .25s ease .025s;
			}
            /* button style #4 top bar*/
			.navi-menu-active .navi-main-menu-button-four:before {
				transform:translateY(9px) rotate(45deg);
				-moz-transform:translateY(9px) rotate(45deg);
				-webkit-transform:translateY(9px) rotate(45deg);
			}
            .navi-menu-active:hover .navi-main-menu-button-four:before { width:25px; }
			/* button style #4 bottom bar*/
			.navi-menu-active .navi-main-menu-button-four:after {
                width:25px;
				transform:translateY(-9px) rotate(-45deg);
				-moz-transform:translateY(-9px) rotate(-45deg);
				-webkit-transform:translateY(-9px) rotate(-45deg);
			}
			/* button style #4 middle bar*/
			.navi-menu-active div.navi-main-menu-button-four-middle:before {
				opacity:0;
				pointer-events:none;
				
				-webkit-transform:translateX(-20px);
				-moz-transform:translateX(-20px);
				transform:translateX(-20px);
				
				-webkit-transition:all .25s ease, opacity .25s ease .025s;
				-moz-transition:all .25s ease, opacity .25s ease .025s;
				transition:all .25s ease, opacity .25s ease .025s;
			}
            /* button style #5 top bar*/
			.navi-menu-active .navi-main-menu-button-five:before {
				transform:translateY(11px) rotate(45deg);
				-moz-transform:translateY(11px) rotate(45deg);
				-webkit-transform:translateY(11px) rotate(45deg);
			}
			/* button style #5 bottom bar*/
			.navi-menu-active .navi-main-menu-button-five:after {
				transform:translateY(-11px) rotate(-45deg);
				-moz-transform:translateY(-11px) rotate(-45deg);
				-webkit-transform:translateY(-11px) rotate(-45deg);
			}
			/* button style #5 middle bar*/
			.navi-menu-active div.navi-main-menu-button-five-middle:before {
				opacity:0;
				pointer-events:none;
				
				-webkit-transform:translateX(-20px);
				-moz-transform:translateX(-20px);
				transform:translateX(-20px);
				
				-webkit-transition:all .25s ease, opacity .25s ease .025s;
				-moz-transition:all .25s ease, opacity .25s ease .025s;
				transition:all .25s ease, opacity .25s ease .025s;
			}
            /* button style #6 top bar*/
			.navi-menu-active .navi-main-menu-button-six:before {
				transform:translateY(4px) rotate(45deg);
				-moz-transform:translateY(4px) rotate(45deg);
				-webkit-transform:translateY(4px) rotate(45deg);
			}
			/* button style #6 bottom bar*/
			.navi-menu-active .navi-main-menu-button-six:after {
				transform:translateY(-4px) rotate(-45deg);
				-moz-transform:translateY(-4px) rotate(-45deg);
				-webkit-transform:translateY(-4px) rotate(-45deg);
			}
        		
		/* hide navi between resolutions */
		@media ( min-width:px) and (max-width:px) {
			.navi-main-menu-button-wrapper,
			.navi-main-wrapper,
			.navi-main-background,
			.navi-bg-lines-wrapper,
            .navi-logo-wrapper { display:none; }
		}
        /* hide theme menu */